<template>
	<view class="item">
		<view class="bg-white press-down-active">
			<view class="Media">
				<view class="Media-body Grid Grid--center text-xs">
					<view style="flex: 1;">
						<view style="margin-bottom: 5px;font-weight: 400;line-height:19px;font-size: 14px;color: #222222;">{{info.pay_type=="1"?'微信':info.pay_type=="2"?'支付宝':''}}</view>
						<view style="font-weight: 400;font-size: 12px;color: #999999;margin-bottom: 15px;">{{info.pay_time}}</view>
					</view>
					<view>
						<view style="color: #EB2E29;font-size: 14px;">+{{info.amount}}</view>
						<!-- <view class="Grid-cell text-right">余额：&yen;{{info.balance}}</view> -->
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		parseQuery
	} from '@/utils/index.js'
	
	const {
		appid
	} = parseQuery()
	
	export default {
		name: 'item',
		props: {
			info: {
				type: Object,
				default: () => ({})
			}
		},
		computed: {

		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.item {
		padding: 0 15px;
		// background: #fff;
		.bg-white{
			padding: 15px 15px 0;
			.text-xs{
				border-bottom: 1px solid #E5E5E5 ;
			}
		}
	}
	.item::after{
		border-radius: 10px;
	}
</style>